<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache"/>   
	<meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/>   
	<meta http-equiv="expires" content="0"/> 
    <title>会员列表</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    <link href="../css/select.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/jquery.idTabs.min.js"></script>
    <script type="text/javascript" src="../js/select-ui.min.js"></script>
    <script type="text/javascript" src="../editor/kindeditor.js"></script>
    <script type="text/javascript" src="../js/application/member.js?v=201808132"></script>
    <!-- 需要这个才能执行提交 -->
    <script type="text/javascript" src="../js/jquery.form.js"></script>

<style>
.leftMenuTitle{background:url("../images/lefttop.gif") no-repeat;}
tr.carlist td{border:1px solid;text-align:center}
#bcardLists tr td ,#bcardLists th {border:1px solid;text-align:center}
#bcardLists a {cursor:pointer}
</style>

</head>

<body>

<div class="place" name="member_list">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">会员管理</a></li>
        <li><a href="/euc/page/member/memberList.html">会员列表</a></li>
    </ul>
</div>
<!-- 初始列表 -->
<div class="formbody" name="member_list">

    <div class="tools">
        <ul class="toolbar">
            <li class="click" id="member_add"><span><img src="../images/t01.png" /></span>添加</li>
            <li class="click" id="upload_excel" data-toggle="modal" data-target="#uploadModal"><span><img src="../images/t01.png" /></span>批量添加</li>
        </ul>
        <ul class="seachform">
            <li><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;综合查询</label><input  name="parameter" type="text" class="scinput"  placeholder="所属客户名/ 姓名/ 手机号"/></li>
            <li><label>&nbsp;</label><input name="" onclick="search(1);" type="button" class="scbtn" value="查询"/></li>
        </ul>
    </div>


    <div id="usual1" class="usual">

        <div id="tab2" class="tabson">

            <table class="tablelist">
                <thead>
                <tr>
                    <th><input id="headerCheckBox" type="checkbox" value="" /></th>
                    <th>序号</th>
                    <th>手机号</th>
                    <th>姓名<i class="sort"><img src="../images/px.gif" /></i></th>
                    <th>昵称</th>
                    <th>入驻状态</th>
                    <th>入驻空间</th>
                    <th>所属客户</th>
                    <th>注册日期</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="userTable">
                </tbody>
            </table>


            <div class="pagin">

                <div class="message">共<i id="totalRow" class="blue">0</i>条记录，每页<i id="pageSize" class="blue">0&nbsp;</i>条记录，当前显示第&nbsp;<i id="currentPage" class="blue">1&nbsp;</i>页</div>
                <ul class="paginList" >
                    <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
                    <li class="paginItem"><a href="javascript:;">1</a></li><span class="pagenxt"></span></a></li>
                </ul>
            </div>



        </div>

    </div>

    <script type="text/javascript">
        $("#usual1 ul").idTabs();
    </script>

    <script type="text/javascript">
        $('.tablelist tbody tr:odd').addClass('odd');
    </script>
</div>
<div class="modal fade" id="delcfmModel">
    <div class="modal-dialog">
        <div class="modal-content message_align">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">提示信息</h4>
            </div>
            <div class="modal-body">
                <p>您确认要删除吗？</p>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="url"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <a  onclick="urlSubmit()" class="btn btn-success" data-dismiss="modal">确定</a>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="place" name="memberAdd" style="display:none">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">会员管理</a></li>
        <li><a href="/euc/page/member/memberList.html">会员列表</a></li>
        <li><a href="#" id="operator">添加</a></li>
    </ul>
</div>
<div class="formbody" name="memberAdd" style="display:none">
    <div class="formtitle"><span>会员信息</span></div>
    <ul class="forminfo">
        <li>
            <label style="font-size:16px;float:left;">手机号<b>*</b></label>
            <input style="float:left;" name="mobile" id="moblile" type="text" class="dfinput" placeholder="请输入手机号"/>

        </li>
        <li>
            <label style="font-size:16px;float:left;">识别照片</label>
            <input id="face_url" name="faceUrl"  formParameter="pic"  type="hidden" value=""/>
            <form style="float:left;" id="headForm" action="/euc/member/upload" method="post" enctype="multipart/form-data">
                <span id = "show_head" style="display: none">
                    <img style="max-width:300px;max-height:200px;"  formParameter="pic"  name="headImage" id="headImage"  onerror="this.src='../images/img07.png'"/>
                </span>
                <input id="uploadpic" name="file" type="file" style="width:400px;" value="上传"/>
            </form>
        </li>
        <li></li>
        <li>
            <label style="font-size:16px;float:left;">邮箱<b>*</b></label>

            <input style="float:left;" name="email"  type="text" class="dfinput" placeholder="请输入邮箱"/>
        </li>

        <li></li>
        <li>
            <label style="font-size:16px;float:left;">身份证<b>*</b></label>
            <input style="float:left;" name="idCard"  type="text" class="dfinput" placeholder="请输入身份证"/>
        </li>
        <li>
            <label style="font-size:16px;float:left;">姓名<b>*</b></label>
            <input style="float:left;" name="name"  type="text" class="dfinput" placeholder="请输入姓名"/>
        </li>
        <li style="display: none;">
            <label style="font-size:16px;float:left;">入驻状态</label>
            <div class="vocation">
                <select class="select2" name="employStatus" id="employ_status">
                    <option value="1" selected>已入驻</option>
                    <option value="2" >已签约</option>
                    <option value="3" >已离场</option>
                </select>
            </div>
        </li>
        <li>
            <label style="font-size:16px;float:left;">入驻空间</label>
            <div class="vocation">

                <select class="select1 add_space_id" name="spaceId" id="space_id"  >
                    <option value="0" selected>请选择</option>
                </select>
            </div>
        </li>
        <li>
            <label style="font-size:16px;float:left;">所属客户</label>
            <div class="vocation">
            <select class="select1 add_client_id" name="clientId" id="client_id" >
                <option value="0" selected>请选择</option>
            </select></div>
        </li>
        <li></li>


        <li></li>
        <li>
            <label style="font-size:16px;float:left;">客户管理员</label>
            <div style="padding-top: 5px;">
                <input type ="radio" name="isAdmin" id="isAdmin" value = "0" checked />否&nbsp;&nbsp;
                <input type ="radio" name="isAdmin"id="isAdmin" value = "1" />是
            </div>
        </li>

        <li>
            <label style="font-size:16px;float:left;">默认密码</label>
            <span style="font-size: 16px;padding-top: 5px;">123456</span>
        </li>
        <li id="add_room_list" data-ids="" style="display:none">
            <label style="font-size:16px;float:left;">房间权限<b>*</b></label>
            <div id="room_div" style="font-size: 16px;line-height: 34px;">
				
            </div>
        </li>

        <li></li>



        <li>
            <label>&nbsp;</label>
            <input name="btnSave"  id="btnSave"  type="button" class="btn" value="确定"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input name="btnCancle"  id="btnCancle"  type="button" class="btn" value="取消"/>
        </li>
    </ul>
</div>

<style>
.table td, .table th{border:0px}
</style>
<!-- 模态框（Modal） -->
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="max-width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">批量导入</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
			<table class="table" style="width:700px;">
			    <tbody>
			    <tr><td>所属客户</td><td>入驻空间</td></tr>
			    <tr><td>
			    <select class="select1" name="clientId" id="padd_client_id" >
	                <option value="0" selected>请选择</option>
	            </select>
            </td><td>
            	<select class="select1" name="spaceId" id="padd_space_id"  >
                    <option value="0" selected>请选择</option>
                </select>
				</td></tr>
				<tr><td colspan=2 style="text-align: center;">
				<img id="excel_icon_upload" src="../images/excel01.png" width="100" height="100" />
				<form id="upload" action="/euc/member/uploadXls" method="post" enctype="multipart/form-data">
					<input name="file" type="file" id="upload_file" style="display:none" />
				</form>
				</td></tr>
				<tr><td colspan=2 style="text-align: center; color:red" id="upload_file_info"></td></tr>
				<tr><td colspan=2 style="text-align: center;"><a href="../images/template.xls" style="cursor: pointer;"><img src="../images/icon_file.png" width="20" height="20" />下载excel模板</a></td></tr>
			    </tbody>
			</table>


			</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="btn_upload_save">确定导入</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" style="background: #fff;color: #000;border:1px solid;">取消</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="bindCardModal" tabindex="-1" role="dialog" aria-labelledby="bindCardModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">绑卡</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
            <table class="table" id="bcardList">
			    <tbody>
			    <tr><td><font color="red">*</font>会员卡号</td><td><input type="text" class="tlinput"  id="bindCardNum" placeholder="请输入会员卡号" /></td>
			    <td><button type="button" id="btn-cardsave" data-id="" class="btn btn-primary">绑定</button></td>
			    </tr>
				<tr><td colspan=3><div class="leftMenuTitle formtitle"><span>已绑定会员卡</span></div></td> </tr>
				</tbody>
			</table>
			 <table class="table" id="bcardLists">
			 <thead><tr class="carlist"><th>会员卡号</th><th>绑定日期</th><th>操作</th></tr>
                    </thead>
                    	<tbody></tbody>
                    </table>
            </div>
        </div>
    </div>
</div>


</body>
</html>
